<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <head th:include="common :: header"></head>
    <link th:href="@{/plugins/xterm/xterm.css}" rel="stylesheet">
</head>

<body>
<!--Page content-->
<div id="page-content" class=" animated fadeIn">
    <div class="row">
        <div class="col-xs-12">
            <div class="panel">
                <div class="panel-body">
                    <form action="" class="form-inline" method="post">
                        <div class="form-group">
                            <label for="hostname">主机名</label>
                            <input type="text" class="form-control" id="hostname" placeholder="主机名">
                        </div>
                        <div class="form-group">
                            <label for="username">用户名</label>
                            <input type="text" class="form-control" id="username" placeholder="用户名">
                        </div>
                        <div class="form-group">
                            <label for="password">密码</label>
                            <input type="password" class="form-control" id="password" placeholder="密码">
                        </div>
                        <button id="connect-btn" type="button" class="btn btn-success">连接</button>
                        <button id="disconnect-btn" type="button" class="btn btn-danger" disabled>断开</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">终端控制台</h3>
                </div>
                <div class="panel-body">
                    <div id="terminal"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">操作结果</h3>
                </div>
                <div class="panel-body">
                    <div id="result"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--End page content-->
<div th:include="common :: script"></div>
<script th:src="@{/plugins/xterm/xterm.js}"></script>
<script th:src="@{/plugins/xterm/addons/fit/fit.js}"></script>
<script th:src="@{/plugins/crypto/crypto-js.js}"></script>
<script th:src="@{/plugins/cryptoUtil.js}"></script>
<script th:src="@{/business/ssh.js}"></script>
</body>
</html>
